     <div class="calendar-container">
        <div class="calendar-header">
                <div class="today-date" id="todayDate"></div>
                <div class="month-nav">
                    <button class="nav-btn" id="prevMonth">&lt;</button>
                    <span class="current-month" id="currentMonth"></span>
                    <button class="nav-btn" id="nextMonth">&gt;</button>
                    <button class="nav-btn" style="display:none;">?</button>
                    <button class="nav-btn" style="display:none;">»</button>
                </div>
            </div>
        
        <div class="weekdays">
            <div class="weekday">星期一</div>
            <div class="weekday">星期二</div>
            <div class="weekday">星期三</div>
            <div class="weekday">星期四</div>
            <div class="weekday">星期五</div>
            <div class="weekday">星期六</div>
            <div class="weekday">星期日</div>
        </div>
        
        <div class="calendar-grid" id="calendarGrid"></div>
    </div>

    <div class="modal" id="eventModal">
        <div class="modal-content">
            <h3 id="modalTitle">添加事件</h3>
            <div class="event-form">
                <div class="form-group">
                    <label>事件名称</label>
                    <input type="text" class="form-control" id="eventTitle" placeholder="输入事件名称">
                </div>
                <div class="form-group">
                    <label>开始日期</label>
                    <input type="date" class="form-control" id="startDate">
                </div>
                <div class="form-group">
                    <label>结束日期</label>
                    <input type="date" class="form-control" id="endDate">
                </div>
                <button class="btn btn-primary" id="saveEvent">保存事件</button>
            </div>
            <div class="event-list" id="eventList"></div>
        </div>
    </div>